<!DOCTYPE html>
<html>
	<head>
		<!-- 为机器提供信息的 -->
		<meta charset="utf-8">
		<title>CSS图书封面案例</title>
		<style type="text/css">
		 .book{
			 width: 400px;
			 height: 600px;
			 background-color: pink;
		 }
		 .book .header{
			 background-color: #eaeaea;
			 height: 350px;
		 }
		 .book .header .banner{
			 height: 100px;
			 text-align:  center;
			 line-height: 80px;
			 font-size: 30px;
		 }
		 .book .header .title{
			 text-align:  center;
			 line-height: 100px;
			 font-size: 40px;
		 }
		 .book .header .auth{
		 			 text-align:  left;
		 			 line-height: 50px;
		 			 font-size: 20px;
					 text-indent: 200px;
		 }
		</style>
	</head>
	<body>
		 <div class="book">
			 <div class="header">
				 <div class="banner">
					 生活总是充满乐趣
				 </div>
				 <div class="title">
					 你和阴影中的您
				 </div>
				 <div class="auth">
					 @张三丰
				 </div>
			 </div>
			 <div class="body">
				 哪些该做的和不该做的....
			 </div>
		 </div>

	</body>
</html>
